{% extends "base.html" %}
{% load i18n %}
<html>
<head>
	{% block content %}
	<script type="text/javascript" src="add_row1.js"></script>
</head>
	
<body>
	<h1>Report for Chemical Analysis</h1>

	{% if form.errors %}
        <p style="color: red;">
        	Please correct the error{{ form.errors|pluralize }} below.
        </p>
        {% endif %}

	
<form action="" method="post">
		{% csrf_token %}
	<p>
		<input type="button" value="Add" onclick="addRowToTable();" />
		<input type="button" value="Remove" onclick="removeRowFromTable();" />
		<input type="submit" value="Submit" onclick="validateRow(this.form);" />
		<input type="checkbox" id="chkValidate" /> Validate Submit
	</p>
	<p>
		<input type="checkbox" id="chkValidateOnKeyPress" checked="checked" /> Display OnKeyPress
		<span id="spanOutput" style="border: 1px solid #000; padding: 3px;"> </span>
	</p>
<table border="1" id="tblSample">
	<tr>
		<th colspan="3">Sample table</th>
	</tr>
  	<tr>
    		<td>1</td>
    		<td><!--<input type="text" name="txtRow1"
     		id="txtRow1" size="20" onkeypress="keyPressTest(event, this);" />-->{{ form.s_no }}</td>
    		
		<td><!--<input type="text" name="txtRow1"
     		id="txtRow1" size="20" onkeypress="keyPressTest(event, this);" />-->{{ form.description }}</td>
    		
		<td><!--<input type="text" name="txtRow1"
     		id="txtRow1" size="20" onkeypress="keyPressTest(event, this);" />-->{{ form.result }}</td>
    		
		<td>
    		<select name="selRow0">
			<option value="value0">text zero</option>
			<option value="value1">text one</option>
    		</select>
    		</td>
  	</tr>
</table>
</form>
</body>
</html>
{% endblock %}
